@charset "utf-8";
header{
    height:100px;
    border-bottom:1px solid #ccc;
}
main{
    width:1200px;
    margin:0 auto; 
}
.head_main{
    height:100px;
    width:1200px;
    position:relative;
    background:url("../img/logo.png") no-repeat 0px 20px;
}
.head_main span{
   position:absolute;
   font-size:20px;
   left:220px;
   top:40px;
}
.head_main h3{
    position:absolute;
    font-size:18px;
    right:76px;
    top:40px;
    color:#777;
}
.head_main a{
    font-size:18px;
    color:#013ca6;
    position:absolute;
    right:0px;
    top:40px;
}
article{
    width:100%;
    height:550px;
    background-color:#e9e9e8;
}
article #login-conent{
    width:360px;
    height:500px;
    margin:0px auto;
    padding-top:80px;
    /* background-color: aqua; */
}
#login-conent .from-group{
    width: 318px;
    height: 33px;
    margin-bottom:40px;
}
#login-conent .from-group input{
    width: 318px;
    padding: 7px 20px;
    line-height: 33px;
    height: 33px;
    font-size: 14px;
    border: 1px solid #ddd;
    color:#000;
}
#login-conent .group1 button{
    width: 360px;
    height: 50px;
    border:none;
    line-height: 33px;
    color:#fff;
    margin-bottom:20px;
    background-color:#f23030;
    outline:none;
}
#login-conent .fr-group{
    margin-bottom:20px;
}
#login-conent .from-group .inCheck{
    width: 13px;
    height:13px;
    color:#f23030;
    background-color:#f23030;
    /* vertical-align: text-bottom; */
}
#login-conent .from-group span{
    font-size:12px;
    color:#666;
    margin-left:4px;
}
#login-conent h3{
    font-size:14px;
    color:#666;
}
